.empty-page{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	img{
		opacity: .5;
	}
	p{
		text-align: center;
		font-size: 18px;
	}
}

ul{
	padding: 0;
}
li{
	list-style: none;
}

.line{
    position: relative;
    height: 50px;
    line-height: 50px;
    .line-bg{
        display: none;
        width: 100%;
        height: 50px;
		padding-left: 12px;
        background: #f1f3f5;
        .checkbox{
            position: absolute;
            top: 20px;
            left: 20px;
        }
    }
    .line-bg-checked{
        display: block;
        background: #e6f7ff;
        color: #1890ff;
        border-bottom: 1px solid #fff;
    }
    .line-main{
        position: absolute;
        top: 0;
        right: 0;
        left: 40px;
        height: 50px;
        border-bottom: 1px solid #f1f3f5;
		.file-isdir{
			cursor: pointer;
		}
		.file-isdir:hover{
			text-decoration: underline;
		}
		.filename-list{
			display: inline-block;
			max-width: calc(100% - 480px);
			height: 50px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		img{
			position: relative;
			top: -22px;
			width: 40px;
			margin-right: 10px;
		}
		.w200{
			width: 200px;
		}
		.w150{
			width: 150px;
		}
		.float-right{
			float: right;
		}
    }
    .line-main-checked{
        color: #1890ff;
        border-bottom: 1px solid #fff;
    }
    &:hover .line-bg{
        display: block;
    }
}
.rename-input{
	position: absolute;
	z-index: 99;
    left: 40px;
    top: 8px;
}